<div class="comment-bg" [ngStyle]="tagData.cssStyle | styleFilter">

  <!-- headDiv部分  -->
  <p class="title-bg" *ngIf="tagData.data.headDiv?.headTitle">
    <span class="title">{{tagData.data.headDiv?.headTitle}}<i class="tag"
        *ngIf="tagData.data.headDiv?.tag">{{tagData.data.headDiv?.tag}}</i></span>

    <span class="more" [ngStyle]="tagData.data.headDiv?.cssStyle | styleFilter"
      *ngIf="tagData.data.headDiv?.moreLink?.link?.label"
      appDebounceClick (debounceClick)="openPage(tagData.data.headDiv?.moreLink?.link)">{{tagData.data.headDiv?.moreLink?.link.label}}<i
        class="detail-icon" *ngIf="!tagData.data.headDiv?.moreLink?.link?.params?.hiddenArrow"></i></span>
  </p>
  <div class="title-rating" *ngIf="tagData.data && tagData.data.data && tagData.data.headDiv?.rating" [ngStyle]="tagData.data.headDiv?.ratingCssStyle | styleFilter">
    <div class="rating-box">
      <div class="rating-content" [ngStyle]="tagData.data.headDiv?.rating?.boxCssStyle | styleFilter">
        <span [ngStyle]="tagData.data.headDiv?.rating?.labelCssStyle | styleFilter">{{tagData.data.headDiv.rating?.label}}</span>
        <div class="rating-score">
          <app-rating  [rate]="tagData.data.headDiv.rating?.value" 
          *ngIf="tagData.data.headDiv.rating?.value" 
          [star_highLight]="tagData.data.headDiv.rating?.highLightIcon"
          [star_gray]="tagData.data.headDiv.rating?.dimIcon"
          ></app-rating>
          <span [ngStyle]="tagData.data.headDiv?.rating?.valueCssStyle | styleFilter">{{tagData.data.headDiv.rating?.value}}</span>
        </div>
      </div>
      <div class="rating-content" [ngStyle]="tagData.data.headDiv?.ratingRight?.boxCssStyle | styleFilter">
        <span [ngStyle]="tagData.data.headDiv?.ratingRight?.labelCssStyle | styleFilter">{{tagData.data.headDiv.ratingRight.label}}</span>
        <span class="rating-score">
          <img class="ratingRight-icon" [ngStyle]="tagData.data.headDiv?.ratingRight?.iconCssStyle | styleFilter" 
          [src]="tagData.data.headDiv.ratingRight.icon"/>
          <span [ngStyle]="tagData.data.headDiv?.ratingRight?.valueCssStyle | styleFilter">{{tagData.data.headDiv.ratingRight.value}}</span>
        </span>
      </div>
    </div>
  </div>


  <div class="list-bg" *ngIf="tagData.data && tagData.data.data" [ngStyle]="tagData.data.headDiv?.listCssStyle | styleFilter">
    <ng-container *ngFor="let item of tagData.data.data;let dataIndex = index">
      <!-- 分割线 -->
      <div *ngIf="tagData.data.footDiv?.footBut && dataIndex !== 0" class="hr-line"></div>
      <!--查看评价 置顶-->
      <div class="top-box" *ngIf="item.userInfo" [ngStyle]="item.userInfo?.box?.cssStyle|styleFilter">
        <div>
          <span class="firstLeft-label" *ngIf="item.userInfo?.firstLeft?.label"
            [ngStyle]="item.userInfo?.firstLeft?.cssStyle|styleFilter">{{item.userInfo?.firstLeft?.label}}</span>
        </div>
        <div>
          <span class="firstRight-label" *ngIf="item.userInfo?.firstRight?.label"
            [ngStyle]="item.userInfo?.firstRight?.cssStyle|styleFilter">{{item.userInfo?.firstRight?.label}}</span>
        </div>
      </div>


      <div class="recomment-bg2" [ngStyle]="item.bg2CssStyle | styleFilter">
        <div class="item-left" appDebounceClick (debounceClick)="choose(item)" *ngIf="tagData.name==='commentsListTag1'">
          <i class="check-img" [ngClass]="{'checked-img': item.checked}"></i>
        </div>
        <div class="item-bg" [ngStyle]="item.firstRowLeft?.itemBox?.cssStyle | styleFilter"
          appDebounceClick (debounceClick)="openPage(item.firstRowLeft.link.link, dataIndex)"
          [ngClass]="{'item-bg-small': tagData.name ==='commentsListTag1',  'item-none-line': !item.firstRowRight?.firstText?.label || item.firstRowRight?.firstText?.label.length === 0}">
          <!-- commentsListTag1 管理 -->
          <div class="first-row"
            *ngIf="item.firstRowLeft?.firstText?.label && item.firstRowLeft?.firstText?.label.length > 0"
            [ngStyle]="item.firstRowLeft?.box?.cssStyle | styleFilter">
            <img *ngIf="item?.photo" [src]="item.photo?.url+'?x-oss-process=image/resize,m_fill,h_201'"
              onerror="this.src='assets/img/375x250@2x.png'" class="avatar"
              [ngClass]="{'avatar-big': !item.firstRowRight?.firstText?.label}">

            <div class="name-bg" [ngStyle]="item.firstRowLeft?.firstText?.boxCssStyle | styleFilter">
              <p class="name" [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">
                <span>{{item.firstRowLeft?.firstText?.label}}</span> <span class="name-tag"
                  [ngStyle]="item.firstRowLeft?.tag?.cssStyle | styleFilter"
                  *ngIf="item.firstRowLeft?.tag?.label && item.firstRowLeft?.tag?.label.length > 0">{{item.firstRowLeft?.tag?.label}}</span>
              </p>
              <span class="info"
                [ngStyle]="item.firstRowLeft?.secondText?.cssStyle | styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>
            </div>
            <div class="rating-bg" [ngStyle]="item.firstRowRight?.box?.cssStyle | styleFilter">
              <app-rating [rate]="item.firstRowRight?.rating?.label" *ngIf="item.firstRowRight?.rating?.label">
              </app-rating>

              <span class="rating-label" *ngIf="item.firstRowRight?.secondText"
                [ngStyle]="item.firstRowRight?.secondText?.boxCssStyle | styleFilter">
                <img class="rating-label-img" [src]="item.firstRowRight?.secondText?.icon"
                  [ngStyle]="item.firstRowRight?.secondText?.cssStyle | styleFilter" />
                {{item.firstRowRight?.secondText?.label}}
              </span>
              <p class="date" [ngStyle]="item.firstRowRight?.thirdText?.cssStyle | styleFilter">
                {{item.firstRowRight?.thirdText?.label.slice(5,10)}}</p>
              <span class="careBtn" *ngIf="item.firstRowRight?.fourthText"
                [ngClass]="{'careCss': item.firstRowRight?.fourthText?.state === '1','careBtnCss':item.firstRowRight?.fourthText?.state === '0'}"
                [ngStyle]="item.firstRowRight?.fourthText?.cssStyle | styleFilter"
                appDebounceClick (debounceClick)="careBtn(item.firstRowRight?.fourthText, item.firstRowRight.fourthText.submit, $event)">{{item.firstRowRight?.fourthText?.label}}</span>
            </div>

          </div>
          <!-- 单个评分 整行 -->
          <div class="score-type-bg" *ngIf="item.rating" [ngStyle]="item.rating?.secondText?.cssStyle | styleFilter">
            <p class="score-type-label" *ngIf="item.rating?.firstText?.label">{{item.rating?.firstText?.label}}</p>
            <app-rating [rate]="item.rating.secondText.label" [edit]=true [onlyShow]=true
              *ngIf="item.rating?.secondText?.label"></app-rating>
            <p class="score-type-tip" *ngIf="item.rating?.thirdText?.label">{{item.rating?.thirdText?.label}}</p>
          </div>
          <!-- 评价标签 -->
          <div class="comment-tag" [ngStyle]="item.commentTagCssStyle | styleFilter" *ngIf="item.secondRowLeft?.tags || item.secondRowLeft?.lineTags">
            <!-- 无分割竖线 -->
            <ng-container *ngFor="let tag of item.secondRowLeft?.tags;let i = index">
              <span *ngIf="tag" [ngStyle]="item.secondRowLeft?.cssStyle | styleFilter">{{tag}}</span>
            </ng-container>
            <ng-container *ngFor="let tag of item.secondRowLeft?.lineTags;let i = index">
              <span *ngIf="tag" [ngStyle]="item.secondRowLeft?.cssStyle | styleFilter">{{tag}}</span>
              <!-- 分割竖线 -->
              <span *ngIf="i !== item.secondRowLeft?.lineTags?.length - 1" class="tag-division"
                [ngStyle]="item.secondRowLeft?.tagCssStyle | styleFilter"></span>
            </ng-container>
          </div>
          <div *ngIf="item.thirdLeft?.firstText?.label" [ngStyle]="item.thirdLeft?.firstText?.cssStyle | styleFilter">
            <p [ngStyle]="item.thirdLeft?.firstText?.labelCssStyle | styleFilter"
              [ngClass]="{'show': item.show, 'comment-content':!item.show}" [innerHTML]="item.thirdLeft?.firstText?.label | parseStyle">
            </p>
            <p class="show-all" [ngStyle]="item.showAllCssStyle | styleFilter" *ngIf="item.showText && item.showText.length > 1 && !item.thirdLeft?.firstText?.value" appDebounceClick (debounceClick)="showAll(item, $event)">
              {{item.showText}}</p>
            <p class="show-all" *ngIf="item.thirdLeft?.firstText?.value" [ngStyle]="item.valueCssStyle | styleFilter">{{item.thirdLeft?.firstText?.value}}</p>  
          </div>
          <div class="comment-imgs" *ngIf="item.imgUrl" [ngStyle]="item.commentImgsBoxCssStyle | styleFilter">
            <ng-container *ngIf="item.imgUrl.length > 4; else elseTemplate">
              <ng-container *ngFor="let img of item.imgUrl.slice(0,4); let i = index">
                <div class="img-bg" [ngClass]="{'img-small': tagData.name ==='commentsListTag1'}"
                  [ngStyle]="item.imgBoxCssStyle | styleFilter">
                  <img class="img-i" src="{{img}}" alt="" appDebounceClick (debounceClick)="openImg(item.imgUrl,i,$event)"
                    [ngStyle]="item.imgCssStyle | styleFilter">
                  <span [ngStyle]="item.imgTotalCssStyle | styleFilter" class="total-img"
                    *ngIf="i === 3">{{item.imgUrl.length}}图</span>
                </div>
              </ng-container>
            </ng-container>
            <ng-template #elseTemplate>
              <ng-container *ngFor="let img of item.imgUrl; let i = index">
                <div class="img-bg" [ngClass]="{'img-small': tagData.name ==='commentsListTag1'}"
                  [ngStyle]="item.imgBoxCssStyle | styleFilter">
                  <img class="img-i" src="{{img}}" appDebounceClick (debounceClick)="openImg(item.imgUrl,i,$event)"
                    [ngStyle]="item.imgCssStyle | styleFilter">
                </div>
              </ng-container>
            </ng-template>
          </div>
          <!-- 商户端 支持评论展示视频、图片 -->
          <div class="comment-imgs" *ngIf="item.img_video?.videoUrl?.length > 0 || item.img_video?.imgUrl?.length > 0" [ngStyle]="item.commentImgsBoxCssStyle | styleFilter">
            <!-- 只有1个视频，并且没有图片 -->
            <ng-container *ngIf="item.showAllVideo === undefined && item.img_video?.videoUrl?.length > 0 && item.img_video?.imgUrl?.length === 0">
              <div class="case-video" *ngFor="let ite of item.img_video?.videoUrl?.slice(0,1);let i = index"
                appDebounceClick (debounceClick)="popup(item.img_video,$event,item)">
                <ng-container *ngIf="ite">
                  <div class="one-img" [ngStyle]="item.onlyOneImgCssStyle | styleFilter">
                    <img src="{{ite}}?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto"/>
                  </div>
                  <!-- 播放按钮 -->
                  <img class="v-img" [ngStyle]="item.iconCssStyle | styleFilter" [src]="item.icon"
                    onerror="this.src='assets/icon/video_icon_paly@3x.png'">
                </ng-container>
              </div>
            </ng-container>

            <!-- 视频和图片同时存在 只需展示1个视频 -->
            <ng-container *ngIf="item.showAllVideo === undefined && item.img_video?.videoUrl?.length > 0 && item.img_video?.imgUrl?.length > 0">
              <div class="case-video" *ngFor="let ite of item.img_video?.videoUrl?.slice(0,1);let i = index"
                appDebounceClick (debounceClick)="popup(item.img_video,$event,item)">
                <ng-container *ngIf="ite">
                  <div class="video" [ngStyle]="item.videoCssStyle | styleFilter">
                    <img src="{{ite}}?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto"/>
                  </div>
                  <!-- 播放按钮 -->
                  <img class="v-img" [ngStyle]="item.iconCssStyle | styleFilter" [src]="item.icon"
                    onerror="this.src='assets/icon/video_icon_paly@3x.png'">
                </ng-container>
              </div>
            </ng-container>

            <!-- 2024.06.26 展示全部视频，没有图片 -->
            <ng-container *ngIf="item.showAllVideo !== undefined && item.img_video?.videoUrl?.length > 0">

              <ng-container *ngIf="item.img_video?.videoUrl.length === 1; else elseTemplate">
                <div class="case-video" *ngFor="let ite of item.img_video?.videoUrl;let i = index" appDebounceClick
                  (debounceClick)="popup(item.img_video,$event,item)">
                  <ng-container *ngIf="ite">
                    <div class="video" [ngStyle]="item.videoCssStyle | styleFilter">
                      <img src="{{ite}}?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto" />
                    </div>
                    <!-- 播放按钮 -->
                    <img class="v-img" [ngStyle]="item.iconCssStyle | styleFilter" [src]="item.icon"
                      onerror="this.src='assets/icon/video_icon_paly@3x.png'">
                  </ng-container>
                </div>
              </ng-container>
              <ng-template #elseTemplate>
                <div class="case-video" *ngFor="let ite of item.img_video?.videoUrl;let i = index" appDebounceClick
                  (debounceClick)="popup(item.img_video,$event,item)">
                  <ng-container *ngIf="ite">
                    <div class="one-img" [ngStyle]="item.showAllVideoCssStyle | styleFilter">
                      <img src="{{ite}}?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto" />
                    </div>
                    <!-- 播放按钮 -->
                    <img class="v-img" [ngStyle]="item.iconCssStyle | styleFilter" [src]="item.icon"
                      onerror="this.src='assets/icon/video_icon_paly@3x.png'">
                  </ng-container>
                </div>
              </ng-template>

            </ng-container>

            <div class="img" *ngIf="item.img_video?.videoUrl?.length < 3">

              <!-- 只有一张图片的情况 -->
              <ng-container
                *ngIf="item.img_video?.imgUrl?.length === 1 && item.img_video?.videoUrl?.length === 0; else elseTemplate">
                <ng-container *ngFor="let ite of item.img_video?.imgUrl;let i = index">
                  <div class="one-img" [ngStyle]="item.onlyOneImgCssStyle | styleFilter">
                    <img class="icon" [src]="ite+'?x-oss-process=image/resize,m_fill,h_501'"
                      appDebounceClick (debounceClick)="openImg(item.img_video?.imgUrl,i,$event)">
                  </div>
                </ng-container>
              </ng-container>
              <ng-template #elseTemplate>

                <ng-container *ngIf="item.fourthPic!==undefined; else normalPicImgListTemplate">
                  <ng-container
                    *ngFor="let ite of item.img_video?.imgUrl?.slice(0,4-item.img_video.videoUrl.length);let i = index">
                    <div class="img-item" [ngStyle]="item.imgCssStyle | styleFilter">
                      <img class="icon" [src]="ite+'?x-oss-process=image/resize,m_fill,h_501'"
                        appDebounceClick (debounceClick)="openImg(item.img_video?.imgUrl,i,$event)">
                      <div class="text"
                        *ngIf="(item.img_video.imgUrl.length + item.img_video.videoUrl.length) > 4 && (i + item.img_video.videoUrl.length ) === 2">
                        <span>
                          {{item.img_video.imgUrl.length}}图
                        </span>
                      </div>
                    </div>
                  </ng-container>
                </ng-container>
                <ng-template #normalPicImgListTemplate>
                  <ng-container
                    *ngFor="let ite of item.img_video?.imgUrl?.slice(0,3-item.img_video.videoUrl.length);let i = index">
                    <div class="img-item" [ngStyle]="item.imgCssStyle | styleFilter">
                      <img class="icon" [src]="ite+'?x-oss-process=image/resize,m_fill,h_501'"
                        appDebounceClick (debounceClick)="openImg(item.img_video?.imgUrl,i,$event)">
                      <div class="text"
                        *ngIf="(item.img_video.imgUrl.length + item.img_video.videoUrl.length) > 3 && (i + item.img_video.videoUrl.length ) === 2">
                        <span>
                          {{item.img_video.imgUrl.length}}图
                        </span>
                      </div>
                    </div>
                  </ng-container>
                </ng-template>




              </ng-template>

            </div>
          </div>
          <!--新增评价管理按钮-->
          <div class="comment-button" [ngStyle]="item.commentBoxCssStyle | styleFilter">
            <ng-container *ngIf="item.downRight?.iconList && item.downRight?.iconList?.length > 0">
              <ng-container *ngFor="let iconItem of item.downRight.iconList, let i = index">
                <div class="item-tool-icon-bg" appDebounceClick (debounceClick)="iconClick(iconItem, i, $event, dataIndex)"
                  [ngStyle]="iconItem.boxCssStyle | styleFilter">
                  <span class="item-tool-icon-tip" [ngStyle]="iconItem.tipCssStyle | styleFilter"
                    *ngIf="iconItem.tip !== undefined">{{iconItem.tip}}</span>
                  <img *ngIf="iconItem.iconName" class="item-tool-icon" src="{{iconItem.iconName}}" alt=""
                    [ngStyle]="iconItem.iconCssStyle | styleFilter">
                </div>
              </ng-container>
            </ng-container>
          </div>


          <div class="bottom_content" *ngIf="tagData.data.footDiv?.footBut">
            <span class="left" *ngIf="tagData.data.footDiv?.footBut?.but1"
              [ngStyle]="tagData.data.footDiv?.footBut?.but1?.cssStyle | styleFilter"
              appDebounceClick (debounceClick)="openPage(tagData.data.footDiv?.footBut.but1.link)">
              {{tagData.data.footDiv?.footBut?.but1?.link?.label}}
            </span>
            <span class="right" *ngIf="tagData.data.footDiv?.footBut?.but2"
              [ngStyle]="tagData.data.footDiv?.footBut?.but2?.cssStyle | styleFilter"
              appDebounceClick (debounceClick)="openPage(tagData.data.footDiv?.footBut.but2.link)">
              {{tagData.data.footDiv?.footBut?.but2?.link?.label}}
            </span>

            <div class="bottom_content_newBtn">
              <span class="newBtn" *ngIf="tagData.data.footDiv?.footBut?.but3"
                [ngStyle]="tagData.data.footDiv?.footBut?.but3?.cssStyle | styleFilter"
                appDebounceClick (debounceClick)="del(tagData.data.footDiv?.footBut.but3,dataIndex)">
                {{tagData.data.footDiv?.footBut?.but3?.link?.label}}
              </span>
              <span class="newBtn" *ngIf="tagData.data.footDiv?.footBut?.but4"
                [ngStyle]="tagData.data.footDiv?.footBut?.but4?.cssStyle | styleFilter"
                appDebounceClick (debounceClick)="openPage(tagData.data.footDiv?.footBut.but4.link)">
                {{tagData.data.footDiv?.footBut?.but4?.link?.label}}
              </span>
              <span class="newBtn" *ngIf="tagData.data.footDiv?.footBut?.but5"
                [ngStyle]="tagData.data.footDiv?.footBut?.but5?.cssStyle | styleFilter"
                appDebounceClick (debounceClick)="submitAction(tagData.data.footDiv?.footBut.but5)">
                {{tagData.data.footDiv?.footBut?.but5?.link?.label}}
              </span>
            </div>

          </div>

          <ng-container *ngIf="item.buttons">
            <div class="bottom_content" [ngStyle]="item.buttonsCssStyle|styleFilter">
              <ng-container *ngFor="let btn of item.buttons">
                <span class="commonBtn" *ngIf="btn" [ngStyle]="btn.btnCssStyle|styleFilter"
                  appDebounceClick (debounceClick)="iconClick(btn)">{{btn.label}}</span>
              </ng-container>
            </div>
          </ng-container>

          <!-- 商家信息 -->
          <div *ngIf="item.sixthRowLeft" class="sixth-row" [ngStyle]="item.sixthRowLeft?.cssStyle | styleFilter">
            <img class="six-img" src="{{item.sixthRowLeft.img?.imgUrl}}" alt=""
              [ngStyle]="item.sixthRowLeft.img?.cssStyle | styleFilter">
            <span class="six-text"
              [ngStyle]="item.sixthRowLeft.secondText?.cssStyle | styleFilter">{{item.sixthRowLeft.secondText?.label}}</span>
            <span class="six-text"
              [ngStyle]="item.sixthRowLeft.thirdText?.cssStyle | styleFilter">{{item.sixthRowLeft.thirdText?.label}}</span>
          </div>
          <img _ngcontent-syq-c35="" src="assets/icon/detail_icon_triangle@3x.png"
            style="width:0.56rem;height:0.38rem;margin-left:1.25rem;margin-top: 0.75rem;"
            *ngIf="item.thirdRowLeft?.firstText?.label">
          <div class="remark-bg" *ngIf="item.thirdRowLeft?.firstText?.label">
            <p class="label" [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter">
              {{item.thirdRowLeft?.firstText?.label}}</p>
            <p class="remark" [ngStyle]="item.thirdRowLeft?.secondText?.cssStyle | styleFilter">
              {{item.thirdRowLeft?.secondText?.label}}</p>

          </div>
          <div class="reply-bg" *ngIf="item.fifthRowLeft?.buttonLink?.label"
            appDebounceClick (debounceClick)="openPage(item.fifthRowLeft?.buttonLink?.link,i)">
            <span>{{item.fifthRowLeft?.buttonLink?.label}}</span>
            <img class="reply-icon" src="item.fifthRowLeft?.buttonLink?.iconUrl" alt=""
              onerror="this.src='assets/fw/arrow_reply.png'">
          </div>

          <!--1.6.33新增回复按钮-->
          <div class="fifthRowRightBox" *ngIf="item.fifthRowRight"
            [ngStyle]="item.fifthRowRight?.button?.fifthRowRightBoxCssStyle|styleFilter">
            <div class="fifthRowRightBtn" appDebounceClick (debounceClick)="openPage(item.fifthRowRight?.link,i)"
              [ngStyle]="item.fifthRowRight?.button?.fifthRowRightBtnCssStyle|styleFilter">
              <img class="fifthRowRightIcon" src="item.fifthRowRight?.button?.iconUrl" alt=""
                [ngStyle]="item.fifthRowRight?.button?.iconUrlCssStyle|styleFilter"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1667987462879fee29ef40c25e1c3d8a4bb6c3cbb14d5.png'">
              <span *ngIf="item.fifthRowRight?.button?.label"
                [ngStyle]="item.fifthRowRight?.button?.labelCssStyle|styleFilter">{{item.fifthRowRight?.button?.label}}</span>
            </div>
          </div>
        </div>
      </div>
    </ng-container>
  </div>

</div>

<div class="more-btn" *ngIf="tagData.data.moreButton?.label" appDebounceClick (debounceClick)="openPage(tagData.data.moreButton.link)">
  <span class="more-btn-text">{{tagData.data.moreButton.label}}</span>
</div>
<!--1.6.23 新增按钮 -->
<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0"
  [ngStyle]="tagData.data.footDiv?.bottomBtn?.noDataHintCssStyle|styleFilter">
  {{hint}}
</p>
<!--1.6.23 新增按钮 -->
<div class="bottom-button" *ngIf="tagData.data.footDiv?.bottomBtn"
  [ngStyle]="tagData.data.footDiv?.bottomBtn.bottomBoxCssStyle|styleFilter">
  <span class="bottom-button-left" [ngStyle]="tagData.data.footDiv?.bottomBtn.but1.cssStyle | styleFilter"
    appDebounceClick (debounceClick)="openPage(tagData.data.footDiv?.bottomBtn.but1.link)">
    {{tagData.data.footDiv?.bottomBtn?.but1?.link.label}}
  </span>
  <span class="right" [ngStyle]="tagData.data.footDiv?.bottomBtn.but2.cssStyle | styleFilter"
    appDebounceClick (debounceClick)="openPage(tagData.data.footDiv?.bottomBtn.but2.link)">
    {{tagData.data.footDiv?.bottomBtn?.but2?.link.label}}
  </span>
</div>
<p class="end"
  *ngIf="!showLoadMore && tagData.data.data.length > 0 && !tagData.data.moreButton?.label && tagData.data.data[0].firstRowRight?.firstText?.label && !(tagData.name.indexOf('NO_END') > -1) ">
  — · END · —
</p>
<ion-infinite-scroll *ngIf="showLoadMore" threshold="1%" (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>